<template>
  <div class="son">
    我爸爸的房子 {{fHouse}} 车子是：{{fCar}}

    <button @click="handleClick">点击告诉爸爸我女朋友叫{{girlFriend}}</button>
  </div>
</template>

<script>
export default {
  // 1.1 在自组件中通过props属性定义坑，用来放父亲传过来数据
  // props: ['fHouse', 'fCar']
  props: {
    fHouse: {
      required: true,
      default: 100,
      type: Number
    },
    fCar: {
      required: true,
      default: '自行车',
      type: String
    }
  },
  methods: {
    handleClick() {
      // 2.1 通过this.$emit()发射一个自定义的事件名称，并携带参数传递给爸爸
      this.$emit('tell-father', this.girlFriend)
    }
  },
  data() {
    return {
      girlFriend: '翠花'
    }
  },
}
</script>

<style>
.son {
  padding: 40px;
  border: 1px solid #000;
}
</style>